<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 标题标签   h1到h6-->
     <!-- <h1>一级标题</h1>
     <h2>二级标题</h2>
     <h3>三级标题</h3>
     <h4>四级标题</h4>
     <h5>五级标题</h5>
     <h6>六级标题</h6> -->
     <!-- 水平线 -->
     <!-- <hr/> -->
     <!-- 段落标签： 表示段落的信息 --> 
      <!-- <p>这是一个有趣的新闻信息</p> -->
       <!-- 引用标签： 当需要引用别人的话的时候 -->
       <!-- <hr/> -->
       <!-- <blockquote>
           这是一段引用别人时候的话：鲁迅说：干饭！ 
       </blockquote> -->
       <!-- <hr> -->
       <!-- 列表标签  作用 以列举信息 它是一个组合标签   它需要和 li 那一起使用
              1 有序列表    1,2,3,4的列举
              2  无序     没有的支持之分的列举
              3 自定义列表  按照自己的方式列举
        -->
        <!-- 有序  -->
        <h3>一个页面的组成部分</h3>
        <!-- ol  order list-->
          <ol>
            <li>html:显示结构和内容</li>
            <li>css: 显示网页的表现形式</li>
            <li>javascript: 表示网页的行为</li>
         </ol> 
         <hr>
         <!--  ol  unorder list- -->
         <ul>
            <li>html:显示结构和内容</li>
            <li>css: 显示网页的表现形式</li>
            <li>javascript: 表示网页的行为</li>
         </ul>
         <hr>
         <!-- 自定义列表 -->
         <!--dl define list      -->
         <dl>
            <!-- dt define title 定义的标题 -->
           <dt>学习html难吗？</dt>
           <!--dd define data  定义的数据  -->
            <dd>很简单</dd>
         </dl>
         <hr>
         <!-- 与排版 -->
         <pre>
             1
           + 2
         --------
             3    
         </pre>
         <!-- &nbsp; 表示一个空格 -->
         <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;还是大家都是觉得还是觉得合适的</p>
        <pre>   还是大家都是觉得还是觉得合适的 </pre>
        <hr>
          <!--division 区域快  他的作用就是把各个html元素组合放到一个div快 -->
         <div></div>
          <hr/>
            <!-- 跨字符标签 -->
      <p>我是大诗人<span style='color:red;font-size:20px;'>李白</span>，喜欢喝酒</p>
















        

</body>
</html>